﻿body {
	font: 100%/130% 'Source Sans Pro', Arial, Helvetica, sans-serif;
	background:#020202 url(../images/bgnd.jpg) top repeat-x;
	color:#333;
}

/* Put Default Styles Here */
a {text-decoration:none;}
p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {margin:5px 0; display:block;}

/* Main Body Styles */
#head {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
.logo {
	display:block;
	float:left;
	height:80px;
	margin:20px 0;
}
.secondary-menu {
	margin-top:30px;
	float:right;
	display:none;
}
.nav-container {
	clear:both;
	background-color:#f1f1f1;
	border-radius:7px 7px 0 0;
	padding:7px 0 0;
	overflow:hidden;
}
	.main-nav {overflow:hidden; border-bottom:1px solid #d8d8d8; padding-bottom:7px;}
	.main-nav li {
		float:left;
		border-right:1px solid #d8d8d8;
		border-left:1px solid #fff;
		padding:3px 15px;
	}
		.main-nav li:first-child {border-left:none;}
		.main-nav li:last-child {border-right:none;}
		.main-nav li a {color:#333; font-size:0.875em; font-weight:bold; text-transform:uppercase;}
			.main-nav li a:hover {color:#13c1ff;}
	
	.child-nav {
		background-color:#e9e9e9;
		display:block;
		overflow:hidden;
		border-top:1px solid #fff;
		border-bottom:1px solid #d8d8d8;
		text-align:right;
		padding:0 10px;
	}
		.child-nav li {display:inline-block; font-size:.825em; }
			.child-nav li a {color:#111; display:block; padding:3px 8px;}
			.child-nav li a:hover {color:#13c1ff; background-color:#fafafa;}

#content {
	width:920px;
	margin:0 auto;
	background-color:#f1f1f1;
	overflow:hidden;
	padding:20px;
	border-top:1px solid #fff;
	border-radius:0 0 7px 7px;
	box-shadow:0 5px 5px #222;
}
	.client-info {border:1px solid #888; border-radius:8px; display:inline-block; margin:0 auto;}
		.client-info span {
			padding:10px 15px;
			color:#fff;
			float:left;
			background-color:#545454;
			height:43px;
			/*min-width:84px;*/
			border-right:1px solid #aaa;
			text-shadow:0 -1px 0 rgba(0,0,0,0.7);
		}
		.client-info span:first-child {
			background-color: #f1f1f1; /* fallback */
			background: url(../images/gray-gradient.jpg) center repeat-x; 
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#d7d7d7)); /* Safari 4-5, Chrome 1-9 */
			background: -webkit-linear-gradient(top, #f1f1f1, #d7d7d7); /* Safari 5.1, Chrome 10+ */
			background: -moz-linear-gradient(top, #f1f1f1, #d7d7d7); /* Firefox 3.6+ */
			background: -ms-linear-gradient(top, #f1f1f1, #d7d7d7); /* IE 10 */
			background: -o-linear-gradient(top, #f1f1f1, #d7d7d7); /* Opera 11.10+ */
			border-radius:8px 0 0 8px;
			color:#333;
			text-shadow:0 1px 0 rgba(255,255,255,0.8);
		}
		.client-info span:first-child small {color:#444;}
		.client-info span:last-child {border-radius:0 8px 8px 0; border-right:none; text-align:center;}
		.client-info span p {font-size:.9em; font-weight:bold; margin:0; float:left;}
		.client-info span small {font-size:.75em; color:#bbb; clear:both; display:block;}
		.client-info span a {
			border-radius:4px;
			background:url(../images/gray-gradient.jpg) center bottom repeat-x;
			padding:4px 7px;
			margin-top:7px;
			display:inline-block;
			color:#333;
			font-size:.875em;
			text-shadow:0 1px 0 rgba(255,255,255,0.8);
		}
		.client-info span a:hover {color:#13c1ff;}
		
	.breadcrumbs {border-radius:15px; margin:15px 0; background-color:#f5f5f5; box-shadow:0 1px 1px #c8c7c7; overflow:hidden; padding:0 3px;}
		.breadcrumbs li {float:left; font-size:.75em; background:url(../images/bc-arrow.png) right center no-repeat; padding:4px 18px 2px 8px; color:#9a9a9a;}
		.breadcrumbs li:last-child {background-image:none;}
			.breadcrumbs li a {
				color:#46acbd;
				display:block;
			}
				.breadcrumbs li a:hover {color:#9a9a9a;}
	
	.data-table {margin:10px 0;}
	.col1, .col2 {width:250px; float:left; background-color:#d7d7d7; border-radius:7px; box-shadow:0 2px 2px #999; font-size:.875em;}
		.col1 ul {margin:7px 0;}
		.col1 ul li a {padding:2px 8px; display:block; color:#23616b; text-shadow:0 1px 0 #fff;}
			.col1 ul li a:hover {background:#fff url(../images/icon-plus.png) right center no-repeat; color:#444;}
		
		.col1 span.add-submit {font-size:.875em; padding:3px 5px; display:block; background-color:#999; border-radius:8px 8px 0 0; margin-bottom:10px;}
			.col1 span.add-submit a {color:#fff;}
			.col1 span.add-submit a:hover {color:#fed558;}
			.col1 span.add-submit input.submit {font-size:.875em; float:right;}
		.col1 div.upload-fields {padding:5px; border-top:1px dashed #fff; border-bottom:1px dashed #888;}
			.col1 div.upload-fields:first-child {border-top:none;}
			.col1 div.upload-fields:last-child {border-bottom:none; margin-bottom:8px;}
			.col1 div.upload-fields input {margin:2px 0; width:230px; padding:3px;}
				.col1 div.upload-fields input[placeholder] {font-size:.875em;}
			
	.col2 {width:620px; float:right; padding:10px; background-color:#fafafa;}
		.col2 ul.song-list {border-top:1px solid #888; border-bottom:1px solid #888; padding:3px 0;}
			.col2 ul.song-list li {padding:3px 5px; color:#fe5000; border-top:1px dotted #ccc;}
			.col2 ul.song-list li.no-record {color:#777;}
			.col2 ul.song-list li:first-child {border-top:none;}
				.col2 ul.song-list li span {float:right; color:#333;}
				.col2 ul.song-list li a {float:left; width:21px; margin-top:-1px;}
					.col2 ul.song-list li:hover {background-color:#f1f1f1;}
		
		ul.pagination {text-align:center; margin:10px 0;}
			ul.pagination li {display:inline-block; margin:0 1px;}
				ul.pagination li a {
					color:#333;
					display:block;
					padding:2px 4px;
					min-width:15px;
					text-align:center;
					border:1px solid #e1e1e1;
					border-radius:3px;
				}
					ul.pagination li a:hover {color:#fff; background:#aaa;}
			
	
#footer {
	background:url(../images/footer-bg.png) center top repeat-x;
	width:960px;
	margin:20px auto 0;
	padding:5px 0 0;
}

.foot-nav {text-align:center; margin:0 0 7px;}
	.foot-nav li {font-size:.825em; text-transform:uppercase; display:inline-block;}
		.foot-nav li a {color:#626262; margin:2px 15px; padding:0 2px;}
			.foot-nav li a:hover {color:#fff; border-bottom:1px solid #fff;}
.copyright {
	width:80%;
	margin:0 auto;
	display:block;
	text-align:center;
	font-size:.75em;
	color:#626262;
	background:url(../images/copyright-bg.png) center top repeat-x;
	padding:5px 0;
}

/* Over-ride Gradient Background */
.wht-gradient {
	background: #f6f8f9;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}